<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>官网</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">

	<meta http-equiv="Expires" content="0">
	<meta http-equiv="Pragma" content="no-cache">
	<meta http-equiv="Cache-control" content="no-cache">
	<meta http-equiv="Cache" content="no-cache">

	<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
	<script src="jquery.min.js"></script>

	<link rel="stylesheet" href="./element/element.css">
	<script type="text/javascript" src="vue.js"></script>
	<script type="text/javascript" src="./element/element.js"></script>
	<script type="text/javascript" src="request.js"></script>
	<!-- import CSS -->
	<link rel="stylesheet" href="home/css/index.css">
	<!-- import JavaScript -->
	<!-- <script src="https://unpkg.com/mint-ui/lib/index.js"></script> -->
	<!-- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> -->

	<style>
		.header .wrap {
			display: flex;
		}

		.header .wrap {
			margin: auto;
			width: 80%;
		}

		.header .logo {
			background: #f16622;
		}

		.header .menu {}

		
	</style>

</head>

<body>

	<div id="home" class="content">


		<div class="header">
			<div class="wrap">
				<!-- <div class="logo">
					<img src="image/img_nav_logo.png" alt="">
				</div> -->
				<div class="menu">
					<template>
						<el-tabs v-model="activeName" @tab-click="handleClick">
							<el-tab-pane label="用户管理" name="first"></el-tab-pane>
							<el-tab-pane label="配置管理" name="second"></el-tab-pane>
							<el-tab-pane label="角色管理" name="third"></el-tab-pane>
							<el-tab-pane label="定时任务补偿" name="fourth"></el-tab-pane>
						</el-tabs>
					</template>
				</div>
			</div>




		</div>

		<div class="content">

		</div>

		<div class="footer">
			<div class="contact">
				<div class="mai-phone">
					<p>商务合作</p>
					<p>yytg.list@lanxiniu.com</p>

					<p>客服热线</p>
					<p>4006785966(8:00-20:00)</p>
				</div>
				<div class="column-line">

				</div>

				<div class="QR-Code">
					<div class="item">
						<div class="code">

						</div>
						<div class="name"></div>
					</div>
					<div class="item">
						<div class="code">

						</div>
						<div class="name"></div>
					</div>
					<div class="item">
						<div class="code">

						</div>
						<div class="name"></div>
					</div>
				</div>

			</div>
			<!-- <div class="site-map">
				<a href="">
					关于我们
				</a>
				<a href="">
					加入我们
				</a>
				<a href="">
					关于我们
				</a>
				<a href="">
					关于我们
				</a>
			</div> -->
			<div class="record">
				<div style="margin-top:1rem;">
					<p>Copyright © 2013-2015 www.lanxiniu.com | 苏ICP备14006783号－1 | <a class="lxn-bie-an" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502036721" style="text-decoration:none;"><img src="" style="position: relative;top:3px;">京公网安备 11010502036721号</a></p>
					<p>苏州贤人置家有限公司 版权所有  <span style="margin-left:20px;">苏州吴江市吴江大道</span></p>
				</div>
			</div>

		</div>

	</div>


</body>


</html>
<script>
	home = new Vue({
		el: "#home",
		data() {
			return {

				activeName: 'second',


				map_unit_list: [],
				index_list: [{
					title: '今日开工',
					value: 20,
				}, {
					title: '今日在建',
					value: 15,
				}, {
					title: '今日完工',
					value: 5,
				}, {
					title: '待开工',
					value: 5,
				}, {
					title: '待验收',
					value: 2,
				}, {
					title: '停工',
					value: 1,
				}],
				project_list: [{
					title: '海德公园',
					status: '视频监控中'
				}, {
					title: '海尚壹品',
					status: '信号中断'
				}, {
					title: '中海国际',
					status: '正在重连中'
				}, {
					title: '金色万科',
					status: '视频监控中'
				}],
				manager_list: [{
					name: '张三',
					num: 2,
				}, {
					name: '李四',
					num: 4,
				}, {
					name: '王五',
					num: 1,
				}, {
					name: '赵四',
					num: 3,
				}],
				housekeeper_list: [{
					name: '雷军',
					num: 7,
				}, {
					name: '马云',
					num: 1,
				}, {
					name: '张一鸣',
					num: 5,
				}, {
					name: '马化腾',
					num: 3,
				}],
				video_list: [{
					title: '海德公园',

				}, {
					title: '金色万科',
				}],
				//cur_time:(new Date()).toLocaleString()
			};
		},

		computed: {
			cur_time() {
				var d = new Date();
				return (d.getMonth() + 1) + '月' + d.getDate() + '日  ' + d.getHours() + ':' + d.getMinutes();
			}
		},
		mounted: function () {
			this.init();
			this.$nextTick(function () {

			})
		},

		methods: {
			init() {
				var that = this;
				for (i = 0; i < 100; i++) {
					that.map_unit_list.push({
						index: i
					})
				}
			},
			handleClick(tab, event) {
				console.log(tab, event);
			},
			toggel_section(item) {
				this.cur_section = item.name;
				this.setting_list = this.setting_data[item.name];

				this.$nextTick(function () {

				})

			},
			add_code(item) {
				this.code += $.trim($("#" + item.id).html().replace(/\#/, this.handler_value_name)) + "\n";

				this.$nextTick(function () {

				})

			},
			toggel_hot_use(item) {
				debugger;

				this.hot_use_list = item.hot.split(",");

			},
			assign_value(item) {
				this.handler_value_name = item;


			},
		}
	});
</script>